/* common styling */
.menu 
{
font-family: Arial, Verdana, Arial, sans-serif; 
width:769px; 
height:20px; 
position:relative;
font-size:11px; 
z-index:100;
margin-left:0px;
background-color:#FFE500;
margin-bottom:25px;
margin-top:0px;
}

.menu ul li a, 
.menu ul li a:visited {
display:block; 
text-decoration:none; 
color:#000;
width:120px; 
height:20px; 
text-align:left; 
color:#000000; 
border:0px solid #fff; 
background:#FFE500; 
line-height:20px; 
font-size:11px; 
overflow:hidden;
padding-left:10px;
}

.menu ul {
padding:0; 
margin:0; 
list-style: none;
text-align:center;
}

.menu ul li {
float:left; 
position:relative;
}

.menu ul li ul {
display: none;
}

/* specific to non IE browsers */
.menu ul li:hover a {color:#ccc; background:#333; text-align:left;}
.menu ul li:hover ul {display:block; position:absolute; top:20px; left:0; width:105px; text-align:left;}
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff; text-align:left;}
.menu ul li:hover ul li:hover a.hide {background:#333; color:#FFE500; text-align:left;}
.menu ul li:hover ul li ul {display: none; text-align:left; color:#FFE500;}
.menu ul li:hover ul li a {display:block; background:#333; color:#FFE500; text-align:left;}
.menu ul li:hover ul li a:hover {background:#333; color:#ccc; text-align:left;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0; text-align:left;}
.menu ul li:hover ul li:hover ul.left {left:-105px; text-align:left; color:#FFE500;}